<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="../css/pulic.css">
    <link rel="stylesheet" href="../css/cart.css">
</head>
<body>
    <div class="header">
        <div class="box">
          <a class="shouye" >首页</a>
          <a class="shangcheng" href="shopping.html" target="_blank">商城</a>
          <a class="order" href="./cart.html" target="_blank">我的订单</a>
          <a>关于我们</a>
        </div>
      </div>
      <div class="nav">
          <a href= ><img src="../images/190102_088f4i166l4gkl08k297h5kk8690i_260x200.png" alt=""></a>
          <span class="mulu">目录</span>
          <div class="box">
            <input type="text">
            <button></button>
            <ul>
              <li>1</li>
              <li>2</li>
              <li>3</li>
              <li>4</li>
              <li>5</li>
              <li>6</li>
              <li>7</li>
              <li>8</li>
              <li>9</li>
              <li>10</li>
            </ul>
          </div>
          <p>消息</p>
          <p>收藏</p>
          <p>购物车</p>
          <p>下载APP</p>
          <span>登录</span>
          <div class="list2">
            <div class="left">
                <p class="title">主题市场</p>
                <ul>
                    <Li>上衣</Li>
                    <Li>裙装</Li>
                    <Li>裤子</Li>
                    <Li>女鞋</Li>
                    <Li>美妆</Li>
                    <Li>包包</Li>
                    <Li>配饰</Li>
                    <Li>男友</Li>
                    <Li>内衣</Li>
                    <Li>母婴</Li>
                    <Li>家居</Li>
                    <Li>食品</Li>
                </ul>
            </div>
            <div class="center">
                <div class="title"> 
                  <p>热门品牌</p>
                  <span>全部品牌 ></span>
                </div>
                <ul>
                    <li>PRADA</li>
                    <li>SICLCILY 西西里</li>
                    <li>CHANEL</li>
                    <li>DREAM TREND</li>
                    <li>夏梵尼</li>
                    <li>御泥坊</li>
                    <li>衣阁香拉</li>
                    <li>美康粉黛</li>
                    <li>New balance</li>
                </ul> 
            </div>
            <div class="right">
              <div class="title"> 
                  <p>流行话题</p>
                  <span>全部话题 ></span>
              </div>
              <ul>
                  <li>#小长假倒计时，明天上班穿这套！#</li>
                  <li>#小长假倒计时，明天上班穿这套！#</li>
                  <li>#小长假倒计时，明天上班穿这套！#</li>
                  <li>#小长假倒计时，明天上班穿这套！#</li>
                  <li>#小长假倒计时，明天上班穿这套！#</li>
                  <li>#小长假倒计时，明天上班穿这套！#</li>
                 
              </ul>
            </div>
        </div>
    </div>
    <div class="content container">
      <div class="top">
        <input class="allSelect" type="checkbox"> 全选
      </div>
      <ul class="cartBox">
        <li>
          <div class="select">
            <input type="checkbox">
          </div>
          <div class="show">
            <img src="" alt="">
          </div>
          <div class="title">
            飒飒的德生科技粉红色的积分圣诞节开发和数据库发过火开始减肥
          </div>
          <div class="price">
            ￥ 100.00
          </div>
          <div class="number">
            <button>-</button>
            <input type="text" value="1">
            <button>+</button>
          </div>
          <div class="subprice">
            ￥ 100.00
          </div>
          <div class="del">
            <button>删除</button>
          </div>
        </li>
      </ul>
      <div class="bottom">
        <p class="totalNum">
          购买总数: 0
        </p>
        <p>
          <button>删除所有已选中</button>
          <button>清空购物车</button>
          <button>去结算</button>
          <button>继续去选购</button>
        </p>
        <p class="totalPrice">
          总价格 : 0.00
        </p>
      </div>
    </div>
    <script src="../js/utils.js"></script>
    <script src="../js/cart.js"></script>
   
</body>
</html>